/*
 * 柱状折线图 配置文件
 * @param {String} 图标标题
 * @param {String} theme {deep,light,deepBeautyBlue,
 * deepBeautyPink,deepBeautyDoubleBar(适用于双柱或双柱折线)...}颜色主题
 * @param {Array} type  图表类型
 * @param {Object} columns  指标元素
 * @param {Array} columns  数据
 * @param {String,Object} areaStyle  折线区域有，颜色设置；无，不加此属性
 * @param {Boolean} legendShow  是否显示图例
 **/

export default class line {
  line = {
    title: '接入总数量测试(柱状)',
    type: ['bar'], //bar or line
    // type: ['line', 'bar', 'line'], //bar or line
    theme: 'light', //deep or light or deepBeautyBlue or deepBeautyPink
    columns: {
      data: '日期',
      count: '接入总数量（个）',
      // count: ['接入总数量1', '接入总数量2', '接入总数量3'],
      //   volume: '接入总容量',
    },
    rows: [
      { data: '2021/05/06', count: 12 },
      { data: '2021/05/07', count: 32 },
      { data: '2021/05/08', count: 11 },
      { data: '2021/05/09', count: 45 },
      { data: '2021/05/10', count: 23 },
      { data: '2021/05/11', count: 60 },
      { data: '2021/05/12', count: 22 },
    ],
    // rows: [
    //   { data: '2021/05/06', count: 12, volume: 222, volume1: 23 },
    //   { data: '2021/05/07', count: 32, volume: 423, volume1: 345 },
    //   { data: '2021/05/08', count: 12, volume: 453, volume1: 11 },
    //   { data: '2021/05/09', count: 345, volume: 44, volume1: 45 },
    //   { data: '2021/05/10', count: 123, volume: 65, volume1: 23 },
    //   { data: '2021/05/11', count: 221, volume: 23, volume1: 78 },
    //   { data: '2021/05/12', count: 65, volume: 755, volume1: 435 },
    // ],
    // rows: [
    //     { data: '2021/05/06', count: [12, 21, 23], volume: 222 },
    //     { data: '2021/05/07', count: [32, 43, 345], volume: 423 },
    //     { data: '2021/05/08', count: [12, 88, 11], volume: 453 },
    //     { data: '2021/05/09', count: [345, 234, 45], volume: 44 },
    //     { data: '2021/05/10', count: [123, 454, 23], volume: 65 },
    //     { data: '2021/05/11', count: [221, 78, 78], volume: 23 },
    //     { data: '2021/05/12', count: [65, 44, 435], volume: 755 },
    // ],
  }
  line1 = {
    title: '接入总数量测试（折线）',
    type: ['line'], //bar or line
    // type: ['line', 'bar', 'line'], //bar or line
    theme: 'deep', //deep or light or deepBeautyBlue or deepBeautyPink
    columns: {
      data: '日期',
      count: '接入总数量（个）',
      // count: ['接入总数量1', '接入总数量2', '接入总数量3'],
      //   volume: '接入总容量',
    },
    rows: [
      { data: '2021/05/06', count: 12 },
      { data: '2021/05/07', count: 32 },
      { data: '2021/05/08', count: 11 },
      { data: '2021/05/09', count: 45 },
      { data: '2021/05/10', count: 23 },
      { data: '2021/05/11', count: 60 },
      { data: '2021/05/12', count: 22 },
    ],
  }
  line2 = {
    title: '接入总数量测试（折线带阴影）',
    type: ['line'], //bar or line
    // type: ['line', 'bar', 'line'], //bar or line
    theme: 'deepBeautyBlue', //deep or light or deepBeautyBlue（蓝色柱） or deepBeautyPink（粉色柱）
    areaStyle: {
      color: 'rgba(97,193,255,0.2)',
    },
    columns: {
      data: '日期',
      count: '接入总数量（个）',
      // count: ['接入总数量1', '接入总数量2', '接入总数量3'],
      //   volume: '接入总容量',
    },
    rows: [
      { data: '2021/05/06', count: 12 },
      { data: '2021/05/07', count: 32 },
      { data: '2021/05/08', count: 11 },
      { data: '2021/05/09', count: 45 },
      { data: '2021/05/10', count: 23 },
      { data: '2021/05/11', count: 60 },
      { data: '2021/05/12', count: 22 },
    ],
  }
  line3 = {
    title: '接入总数量测试(单柱折线)',
    type: ['bar', 'line'], //bar or line
    theme: 'deepBeautyPink', //deep or light or deepBeautyBlue or deepBeautyPink
    legendShow: true,
    areaStyle: {
      //   color: 'rgba(255,252,19,0.1)', //线区域颜色
      color: {
        type: 'linear',
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [
          {
            offset: 0,
            color: 'rgba(255,252,19,0.8)', // 0% 处的颜色
          },
          {
            offset: 1,
            color: 'rgba(255,252,19,0.1)', // 100% 处的颜色
          },
        ],
      },
    },
    columns: {
      data: '日期',
      count: '接入总数量（个）',
      volume: '接入总容量',
    },
    rows: [
      { data: '2021/05/06', count: 12, volume: 222 },
      { data: '2021/05/07', count: 32, volume: 423 },
      { data: '2021/05/08', count: 12, volume: 453 },
      { data: '2021/05/09', count: 45, volume: 44 },
      { data: '2021/05/10', count: 23, volume: 65 },
      { data: '2021/05/11', count: 21, volume: 23 },
      { data: '2021/05/12', count: 65, volume: 755 },
    ],
  }
  line4 = {
    title: '接入总数量测试(双柱)',
    type: ['bar'], //bar or line
    theme: 'deepBeautyDoubleBar',
    legendShow: true,
    columns: {
      data: '日期',
      count: ['接入总数量1', '接入总数量2'],
    },
    rows: [
      { data: '2021/05/06', count: [12, 21] },
      { data: '2021/05/07', count: [32, 43] },
      { data: '2021/05/08', count: [12, 88] },
      { data: '2021/05/09', count: [345, 34] },
      { data: '2021/05/10', count: [123, 54] },
      { data: '2021/05/11', count: [221, 78] },
      { data: '2021/05/12', count: [65, 44] },
    ],
  }
  line5 = {
    title: '接入总数量测试(双柱折线)',
    type: ['bar', 'line'], //bar or line
    theme: 'deepBeautyDoubleBar',
    legendShow: true,
    areaStyle: {
      //   color: 'rgba(255,252,19,0.1)', //线区域颜色
      color: {
        type: 'linear',
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [
          {
            offset: 0,
            color: 'rgba(255,252,19,0.8)', // 0% 处的颜色
          },
          {
            offset: 1,
            color: 'rgba(255,252,19,0.1)', // 100% 处的颜色
          },
        ],
      },
    },
    columns: {
      data: '日期',
      count: ['接入总数量1', '接入总数量2'],
      volume: '接入总容量',
    },
    rows: [
      { data: '2021/05/06', count: [12, 21], volume: 222 },
      { data: '2021/05/07', count: [32, 43], volume: 423 },
      { data: '2021/05/08', count: [12, 88], volume: 453 },
      { data: '2021/05/09', count: [345, 34], volume: 44 },
      { data: '2021/05/10', count: [123, 54], volume: 65 },
      { data: '2021/05/11', count: [221, 78], volume: 23 },
      { data: '2021/05/12', count: [65, 44], volume: 755 },
    ],
  }
}
